<template>
  <view class="leave-apply">
    <view class="apply-content">
      <view class="title">请假申请</view>
    </view>
    <TabBar :tab-list="tabList" />
  </view>
</template>

<script setup>
import { ref } from 'vue';
import TabBar from '@/components/TabBar/TabBar.vue';

const tabList = ref([
  {
    pagePath: '/pages/leaveApply/leaveApply',
    text: '请假申请',
    icon: 'add-circle'
  },
  {
    pagePath: '/pages/leaveRecord/leaveRecord',
    text: '请假记录',
    icon: 'list'
  }
]);
</script>

<style scoped>
.leave-apply {
  padding-bottom: 50px;
  min-height: 100vh;
}

.apply-content {
  padding: 20px;
}

.title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}
</style>